<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
<%@ include file="/WEB-INF/tiles2/common.jsp" %>
<c:set var="acc">
노래방, 농구장, 무료조식, 미니축구장, 바베큐, 벽난로, 빔프로젝트, 세미나실, 수영장, 스파, 식사가능, 얼음썰매장,
워터슬라이드, 월풀, 인터넷, 자전거, 족구장, 찜질방, 캠프파이어, 픽업, DVD</c:set>
<c:set var="theme">15인이상 단체, 30인이상 단체, 갯벌체험, 계곡, 낚시,
독채형, 래프팅, 바다, 수상레포츠, 스키장, 애완동물, 워터파크, 가족, 커플전용, 자연휴양림</c:set>
<div class="masthead">	
	<div class="header-middle fclear">
		<div class="hlogo fleft">
		<a href="index.pen">로고</a>
		</div>
		<div class="hadd fright">
		광고
		</div>
		<div class="findbox">
			<form id="findfrm" name="findfrm">
				<input type="text" name="findkey" id="findkey" />
				<button type="submit" name="findbtn" id="findbtn">검색</button>
			</form>
		</div>		
	</div>
	<div class="header-bottom">
		<nav class="navbar navbar-default mainmenu-nav" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#mainm">
					<span class="icon-bar"></span><span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div class="collapse navbar-collapse mainmenu" id="mainm">
				<ul class="nav navbar-nav">
					<li class="${region}"><a href="pension/regional.pen">지역별
							펜션</a></li>
					<li class="${room}"><a href="#">빈방 검색</a></li>
					<li class="${work}"><a href="#">독채 / 워크샵 펜션</a></li>
					<li class="${spa}"><a href="#">스파 펜션</a></li>
					<li class="${dc}"><a href="#">긴급 특가</a></li>
					<li class="${cupon}"><a href="#">할인 / 쿠폰</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">1:1상담하기</a></li>
					<li><a href="#">커뮤니티</a></li>
					<li><a href="#">신용카드 영수증 출력</a></li>
				</ul>
			</div>
			<div class="fcondition">
				<div id="fc-simple">
					<span class="label label-danger impo fs-medium fleft">실시간 빈방
						검색&gt;&gt;</span>
					<form name="roomfindfrm form-group">
						<input type="text" class="form-control rf-form" id="datepicker"
							name="date" /> <select name="days" class="form-control rf-form">
							<option value="1">1박 2일</option>
							<option value="2">2박 3일</option>
							<option value="3">3박 4일</option>
							<option value="4">4박 5일</option>
							<option value="5">5박 6일</option>
							<option value="6">6박 7일</option>
						</select> <select name="people" class="form-control rf-form">
							<c:forEach var="i" begin="2" end="50">
								<option value="1">${i}명</option>
							</c:forEach>
						</select> <select name="price" class="form-control rf-form">
							<option value="0">가격전체</option>
							<option value="5">5만원 이하</option>
							<option value="7">7만원 이하</option>
							<option value="10">10만원 이하</option>
							<option value="15">15만원 이하</option>
							<option value="20">20만원 이하</option>
							<option value="25">25만원 이하</option>
							<option value="30">30만원 이하</option>
							<option value="35">35만원 이하</option>
							<option value="0">35만원 이상</option>
						</select> <select name="do" class="form-control rf-form">
							<option value="">경기도</option>
							<option value="">경기도</option>
							<option value="">경기도</option>
						</select> <select name="sigun" class="form-control rf-form">
							<option value="">안양시</option>
							<option value="">안양시</option>
							<option value="">안양시</option>
							<option value="">안양시</option>
						</select> <a class="btn btn-default fs-medium" id="detail-btn">상세검색</a>
						<button type="button" id="rfbtn" class="btn btn-info fs-medium">실시간
							검색</button>
					</form>
				</div>
				<div id="fc-detail">
					<form id="fcfrm" name="fcfrm">
						<div class="fcd acc">
							<div class="fcd-label fleft">
								<span class="glyphicon glyphicon-chevron-right"></span>&nbsp;<strong>편의시설</strong>
							</div>
							<div class="fcd-checkbox fleft">
								<c:forEach var="acc" items="${acc}" varStatus="s">
									<label class="fcd-chk-label checkbox-inline"> <input
										name="acc" type="checkbox" value="${acc}">${acc}
									</label>
								</c:forEach>
							</div>
						</div>
						<div class="fcd theme">
							<div class="fcd-label fleft">
								<span class="glyphicon glyphicon-chevron-right"></span>&nbsp;<strong>테마검색</strong>
							</div>
							<div class="fcd-checkbox fleft">
								<c:forEach var="t" items="${theme}" varStatus="s">
									<label class="fcd-chk-label checkbox-inline"> <input
										name="theme" type="checkbox" value="${t}">${t}
									</label>
								</c:forEach>
							</div>
						</div>
					</form>
				</div>
			</div>
		</nav>
	</div>
</div>
<script>
	$("#detail-btn").click(function(){
		$("#fc-detail").slideToggle();		
	});
</script>
<script>
$("#rfbtn").click(function(){	
	$("#fcfrm").attr("method", "post").submit();
});
	
</script>